<template>
  <div id="app">
    <img alt="Vue logo" src="./assets/logo.png">
    <!-- <button v-on="clickon"> click </button> -->
    <!-- t1est {{info}} -->
    <!-- <router-link to="/goods" class="nav-link"> goods</router-link>
    <router-link to="/ratings" class="nav-link"> rating</router-link>
    <router-link to="/seller" class="nav-link"> saller</router-link>
    test 
    <router-view>fdsf</router-view> -->

   <!-- <router-link :to="/hello">打开Hello</router-link> -->

<router-link to="goods">打test1</router-link>
    <router-link to='home'> hellotest </router-link>
    <router-link :to="{path: 'hello'}">打开Hello1</router-link>
     <router-link :to="{path: '/goods'}">打开Hello3</router-link>

    <router-link :to="{name: 'hello'}">打开Hello2</router-link>

    <router-view/>
    
    <!-- <HelloWorld msg="Welcome to Your Vue.js App"/> -->
  </div>
</template>

<script>
//import HelloWorld from './components/HelloWorld.vue'


export default {
  name: 'App',
  
  data() {
    return {
      info: ''
    }
  },
  components: {
    //HelloWorld
  },
  mounted () {
    this.$axios
      .get('/api2/goods')
      .then(response => (
        console.log(response),
        this.info = response))
  },
  methods:{
    clickon(){
       this.$axios
      .get('/api2/goods')
      .then(response => (
        console.log(response),
        this.info = response))
    }
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
